<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta charset="utf-8">
	<title>个人简历-张洋源</title>
	<link rel="stylesheet" type="text/css" href="CSS/font-awesome-4.5.0/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="CSS/index.css">
</head>
<body>

	<div id="header">
		<div class="container table">
			<div class="vertial-center text-center">
				<h3>我是张洋源</h3>
			  <p>热爱前端，学习能力强</p><br>
			  <a class="btn1 btn-bigger" href="http://www.500d.me/resume/zhangyoung.jhtml">更多关于我</a>
			</div>
		</div>
	</div>

	<div id="content">
		<div class="intro">
			<div class="container">
				<div class="intro-title">
					<h3>不会做饭的理工男不是好程序员</h3>
				</div>
				<div class="intro-panel">
						<p class="panel-content">
							&#8226;&nbsp;&nbsp;毕业于广东海洋大学，机械专业.曾是一名机械工程师.<br><br>
						  &#8226;&nbsp;&nbsp;半路出家接触了编程，在饥人谷师从若愚老师，系统学习了前端知识，有志成为一名前端程序员.<br><br>
						  &#8226;&nbsp;&nbsp;对互联网技术感兴趣，对新事物有好奇心.<br><br>
						  &#8226;&nbsp;&nbsp;喜欢美食，会下厨，养猫，喜欢运动，看球赛
						</p>
						<a class="fe-works" href="http://book.jirengu.com/zhangyoung99/js-works/">作品</a>				
				</div>		
			</div>	
		</div>

		<div class="job-skill">
			<div class="container">
				<h2>我的技能</h2>
				<ul class="skill-panel clearfix">
					<li class="">
						<span class="fa fa-html5 fa-3x"></span>	
						<h4>HTML&CSS</h4>
						<p>熟悉html5&css3<br>
						   能独立完成静态页面开发</p>
					  <a class="btn2" href="http://book.jirengu.com/zhangyoung99/js-works/15-index/agency/agency.html">
					  	相关作品
					  </a>
					</li>

					<li>
						<span class="fa fa-table fa-3x"></span>
						<h4>javascript</h4>

						<p>熟悉js基础语法、DOM操作等 <br>
							 能用js实现常见简单效果
						</p>
						<a class="btn2" href="http://book.jirengu.com/zhangyoung99/js-works/tab-shift/tab-shift.html">
						  相关作品
						</a>
					</li>

					<li>
						<span class="fa fa-file fa-3x"></span>
						<h4>项目</h4>
						<p>仿start bootstrap静态页面项目</br>
							 js项目：goTop、tab切换效果</p>
						<a class="btn2" href="http://book.jirengu.com/zhangyoung99/js-works/">我的项目</a>	
					</li>

					<li>
						<span class="fa fa-github fa-3x"></span>
						<h4>个人博客</h4>
						<p>github地址</p>
						<a class="btn2" href="http://blog.leanote.com/github-zhangyoung99">博客地址</a>
					</li>

				</ul>
			</div>
		</div>

		<div class="slogan">
			<div class="container">
				<h1>你的指尖，有改变世界的力量！</h1>
			</div>
		</div>

		<div class="portfolio">
			<div class="container text-center">
				<div class="portfolio-heading">
						<h2>作品</h2>
				</div>

				<ul class="works clearfix">
					<li>
						<a href="http://book.jirengu.com/zhangyoung99/js-works/%E9%9D%99%E6%80%81%E9%A1%B5%E9%9D%A22/agency/agency.html">
							<img src="image/portfolio-1.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="http://book.jirengu.com/zhangyoung99/js-works/css3-carousel/css3-fullscreen-carsoul.html" class="portfolio-pic2">
							<img src="image/portfolio-2.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="http://book.jirengu.com/zhangyoung99/js-works/tab-shift/tab-shift.html" class="portfolio-pic3">
						  <img src="image/portfolio-3.jpg" alt="">
						</a>
					</li>
					<li>
						<a href="http://book.jirengu.com/zhangyoung99/jirengu-demo/gotop.html">
							<img src="image/portfolio-4.jpg" alt="">
						</a>
					</li>
				</ul>
				<a class="btn2 btn-more" href="http://book.jirengu.com/zhangyoung99/">查看更多</a>
			</div>
		</div>

		<div class="call-to-action">
			<div class="container text-center">
				<h3>我是一个勤奋的人</h3>
				<a href="http://www.500d.me/resume/zhangyoung.jhtml" class="btn2">Click Me</a>
				<a href="#" class="btn3">Look at Me!</a>
			</div>
		</div>
	</div>

	<div id="footer">
		<div class="container">
			<div class="contact-heading">
				<h3>我的信息</h3>
				<p>广东省东莞市</p>
				<p>南城区</p>
			</div>			
			<ul class="contact-info">
        <li><span class="fa fa-phone">(+86)13669850479</span></li>
        <li><span class="fa fa-envelope">&nbsp;&nbsp;<a href="#">zhangyoung11@gmail.com</a></span></li>
      </ul>
      <ul class="contact-inco">
      	<li>
      		<a class="fa fa-github fa-3x" href="https://github.com/zhangyoung99"></a>
      	</li>
      	<li>
      		<a class="fa fa-weibo fa-3x" href="http://weibo.com/zhangyangyuan305/"></a>
      	</li>
      	<li>
      		<a class="fa fa-weixin fa-3x" href="#"></a>
      	</li>
      </ul>
      <p>copyright 2016</p>
		</div>
	</div>
</body>
</html>